<template>
  <view class="contain">
    <view class="title">{{detail.helpTitle}}</view>
    <view v-html="detail.helpContent"></view>
  </view>
</template>


<script setup lang="ts">
import {onLoad} from '@dcloudio/uni-app'
import {ref, onMounted, reactive} from 'vue';
import {getHelpDetail} from '../../common/api/user'
const detail = ref({helpTitle:'',helpContent:''})

const id = ref(0)

onLoad((option)=>{
  id.value = option.id
})

onMounted(async () => {
  await getHelpDetail(id.value).then(res => {
    if (res.code == 200) {
      detail.value = res.data
      console.log('res:',detail)
    }
  })
})
</script>

<style  lang="scss" scoped>
.contain{
  margin: 5rpx 8rpx;
  color: #6C6C6C;
  .title{
    margin: 4rpx;
    text-align: center;
    font-size: 50rpx;
    color: #1A1A1A;
  }
}

</style>